<!doctype html>
<html>
    <head><title>Formulario web</title>

        <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="js/efectoform.js"></script>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <link href="estiloC.css" type="text/css" rel="Stylesheet">
    </head>
    <body> 
        <div id="contenedor">
            <header>HISTORIAL MEDICO</header><br>
			
			<div id="paso0">
			<form  method="post" action="ControlBoton.php">
			<div class="left">
				<label for="cedula">Cedula</label><span>*</span><input type="text" name="cedula" id="cedula" required><br><br>
			</div>
			
			<div class="right">
                        <div class="btn1">
                            <label for="Buscar"></label><input type="submit" name="buscar" id="buscar" value="buscar paciente">
                        </div>
                    </div>
			</form><br><br><br>
			</div>

            <div id="paso1">

                <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                    <fieldset>
                        <legend>Datos paciente</legend>

                        <div class="left">
                            <label for="nombre">Nombres</label><span>*</span><input type="text" name="nombre" id="nombre" required>
                        </div>
						
						<div class="right">
                            <label for="fecha">Fecha de </label> <br><label> nacimiento</label><span>*</span><input type="date" name="fecha" id="fecha" required>
                        </div>
                        <br><br>
		
                        <div class="left">
                            <label for="apellido">Apellido</label><span>*</span><input type="text" name="apellido" id="apellido" required>
                        </div>
                        <br><br>

                        
						<div class="right">
                            <div class="btn">
                                <label>Sexo: <span>*</span></label>
                                <input type="radio" id="sexo" name="sexo" checked="checked" value="Masculino" required>
                                <label for="genereM">Masculino</label>
                                <input type="radio" id="sexo" name="sexo" value="Femenino" required>
                                <label for="genereF">Femenino</label>
                            </div>
                        </div>

                        <div class="left">

                            <label for= "esta_civil">Estado civil</label><span>*</span>
                            <select name="esta_civil" id ="esta_civil" >    
                                <option value="Casado(a)" selected> Casado(a) </option>
                                <option value="Soltero(a)">Soltero(a)</option>
                                <option value="Union libre"> Union libre</option>
                               
                            </select>
                        </div>                        

                    </fieldset>
                    <div class="left">
                        <div class="btn1">
                            <label for="editar_paciente"></label><input type="submit" name="editar_paciente" id="editar_paciente" value="Editar paciente">
                        </div>
                    </div>
                </form><br>
            </div>



            <div id="paso2">
                <div class="espacio"><label>Activos</label></div>

                <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                    <fieldset>
                        <legend>Datos activos</legend>
                        <div class ="left">
                            <label for ="cedula">Id Cliente</label><span>*</span><input type ="text" name="cedula" id ="cedula" required>
                        </div>

                        <div class ="right">
                            <label for ="idactivo">Id Activo</label><span>*</span><input type ="text" name="id_activo" id="idactivo" required>
                        </div>
						
						<div class="left">
                            <label for="edad">Edad </label><span>*</span><input type="number" name="edad" min="0" max="100" required>
                        </div>
                        <br><br><br>
                        <div class="left"><br>
                            <label for="correo">Correo <br>electronico </label><span>*</span><input type="email" name="correo" id="correo" required placeholder="ejemplo@correo.com">
                        </div>
                        <br><br>




                        <div class="right">
                            <label for ="categoria">Categoria</label><span>*</span>
                            <select name="categoria" id="categoria" >    
                                <option value="Activo corriente" selected="selected">Activo corriente</option>
                                <option value="Activo no corriente">Activo no corriente</option>
                                <option value="Activo financiero"> Activo financiero</option>
                                <option value="Activo Fijo"> Activo Fijo</option>
                                <option value="Activo intangible"> Activo intangible</option>
                                <option value="Activo subyacente"> Activo subyacente</option>
                                <option value="Activo funcional"> Activo funcional</option>
                            </select>
                        </div>
                        <br>

                        <div class="left">
                            <label for="marca">Marca: <span>*</span></label><input type="text" name="marca" id="marca" required><br>
                        </div>

                        <div class="right">
                            <label for="modelo">Modelo: <span>*</span></label><input type="text" name="modelo" id="modelo" required><br>
                        </div>

                        <div class="left">
                            <label for="descripcion">Descripcion: <span>*</span></label><br><textarea id="descripcion" name="descripcion" rows="3" cols="20" placeholder= "Escriba las caracteristicas" 			required></textarea><br>
                        </div>


                        <div class="right">
                            <label for="notas">Notas: </label><br><textarea id="notas" name ="notas" rows="3" cols="20" placeholder="Escriba aqui los comentarios"></textarea><br>
                        </div>
                    </fieldset>
                    <div class="left">
                        <div class="btn1">
                            <label for="enviarB"></label><input type="submit" id="enviarB" name="enviarB" value="Enviar activo">
                        </div>
                    </div>

                </form>

            </div>
            <div class="left"><div id="siguiente"><button>Siguiente</button></div></div>
            <div class="left"><div id="atras"><button>Atras</button></div></div>
        </div>
    </body>
</html>
